<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>首页</title>
    <link rel="shortcut icon" href="../favicon.ico"> <link href="/Public/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/Public/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/Public/css/animate.css" rel="stylesheet">
    <link href="/Public/css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-12">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="row row-sm text-center">
                            <div class="col-xs-3">
                                <div class="panel padder-v item">
                                    <div class="h1 text-info font-thin h1">0<{$todayusercount}></div>
                                    <span class="text-muted text-xs">今日注册会员数</span>
                                    <div class="top text-right w-full">

                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="panel padder-v item bg-info">
                                    <div class="h1 text-fff font-thin h1">0<{$usercount}></div>
                                    <span class="text-muted text-xs">总会员数</span>
                                    <div class="top text-right w-full">

                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="panel padder-v item bg-primary">
                                    <div class="h1 text-fff font-thin h1">0<{$todayordercount}></div>
                                    <span class="text-muted text-xs">今日订单总数</span>
                                    <div class="top text-right w-full">

                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="panel padder-v item">
                                    <div class="font-thin h1">0<{$ordercount}></div>
                                    <span class="text-muted text-xs">订单总数</span>
                                    <div class="bottom text-left">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="row">
                    <div class="col-sm-4">
            <div class="ibox ">

                <div class="ibox-content">
                    <div class="tab-content">
                        <div id="contact-1" class="tab-pane active">
                            <div class="row m-b-lg">
                                <div class="col-lg-12 text-center">
                                    <h2><{$m_mobile}>[<{$m_username}>]</h2>
                                   <!-- <div class="m-b-sm">
                                        <img alt="image" class="img-circle" src="<{$data.logo}>" style="width: 62px">
                                    </div>-->
                                </div>
                            </div>
                            <div class="client-detail">
                                <div class="full-height-scroll">


                                    <ul class="list-group clear-list">

                                        <li class="list-group-item">
                                            <span class="pull-right"> <{$role}> </span> <i class="fa fa-user"></i>
                                        </li>
                                        <li class="list-group-item">
                                            <span class="pull-right"> <{$status}> </span> <i class="fa fa-lock"></i>
                                        </li>
                                        <li class="list-group-item">
                                            <span class="pull-right"> <{$m_str}> </span> <i class="fa fa-user-md"></i>
                                        </li>

                                    </ul>


                                    <hr/>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
                    <div class="col-sm-7">
                        <div class="ibox">
                            <div class="ibox-title">
                                <h5>今日订单总量</h5>

                            </div>
                            <div class="ibox-content">

                                <div class="project-list">
                                    <table class="table table-hover">
                                        <thead>
                                        <tr>
                                            <th width="150px">订单号</th>
                                            <th width="260px">会员id</th>
                                            <th width="160px">收货人</th>
                                            <th width="100px">联系方式</th>
                                            <th width="100px">支付方式</th>
                                            <th width="100px">余额支付</th>
                                           <!-- <th width="120px">商品总金额</th>-->
                                            <th width="200px">操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <volist name="data" id="vs">
                                            <tr id="tr_<{$vs.id}>">
                                                <th><{$vs.sn}></th>
                                                <th><{$vs.vid}></th>
                                                <th ><{$vs.user}></th>
                                                <th><{$vs.mobile}></th>
                                                <th><{$vs.paytype}></th>
                                                <th><{$vs.pay_money}></th>
                                              <!--  <th ><{$vs.goods_money}></th>-->
                                                <th >
                                                    <a class="btn btn-success btn-rounded"  href="<{:U('Index/Order/orderdetail',array('sn'=>$vs['sn']),'shtml')}>" title="详情">详情</a>
                                                </th>
                                            </tr>
                                        </volist>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 全局js -->
    <script src="/Public/js/jquery.min.js?v=2.1.4"></script>
    <script src="/Public/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="/Public/js/plugins/layer/layer.min.js"></script>
    <!-- Flot -->
    <!--<script src="js/plugins/flot/jquery.flot.js"></script>-->
    <!--<script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script>-->
    <!--<script src="js/plugins/flot/jquery.flot.resize.js"></script>-->
    <!--<script src="js/plugins/flot/jquery.flot.pie.js"></script>-->
    <!-- 自定义js -->
    <script src="/Public/js/content.js"></script>
    <!--flotdemo-->
    <!--<script type="text/javascript">
        $(function() {
            var container = $("#flot-line-chart-moving");
            var maximum = container.outerWidth() / 2 || 300;
            var data = [];

            function getRandomData() {
                if (data.length) {
                    data = data.slice(1);
                }
                while (data.length < maximum) {
                    var previous = data.length ? data[data.length - 1] : 50;
                    var y = previous + Math.random() * 10 - 5;
                    data.push(y < 0 ? 0 : y > 100 ? 100 : y);
                }
                var res = [];
                for (var i = 0; i < data.length; ++i) {
                    res.push([i, data[i]])
                }
                return res;
            }
            series = [{
                data: getRandomData(),
                lines: {
                    fill: true
                }
            }];
            var plot = $.plot(container, series, {
                grid: {

                    color: "#999999",
                    tickColor: "#f7f9fb",
                    borderWidth:0,
                    minBorderMargin: 20,
                    labelMargin: 10,
                    backgroundColor: {
                        colors: ["#ffffff", "#ffffff"]
                    },
                    margin: {
                        top: 8,
                        bottom: 20,
                        left: 20
                    },
                    markings: function(axes) {
                        var markings = [];
                        var xaxis = axes.xaxis;
                        for (var x = Math.floor(xaxis.min); x < xaxis.max; x += xaxis.tickSize * 2) {
                            markings.push({
                                xaxis: {
                                    from: x,
                                    to: x + xaxis.tickSize
                                },
                                color: "#fff"
                            });
                        }
                        return markings;
                    }
                },
                colors: ["#4fc5ea"],
                xaxis: {
                    tickFormatter: function() {
                        return "";
                    }
                },
                yaxis: {
                    min: 0,
                    max: 110
                },
                legend: {
                    show: true
                }
            });

            // Update the random dataset at 25FPS for a smoothly-animating chart

            setInterval(function updateRandom() {
                series[0].data = getRandomData();
                plot.setData(series);
                plot.draw();
            }, 40);
        });

    <!--</script>-->
</body>

</html>
